//
//  HTPremiumTipSection.swift
//  MagaCore
//
//  Created by MrMessy on 2023/5/21.
//

import SwiftUI

struct HTPremiumTipSection: View {
    var body: some View {
      VStack{
        Text("Subscription Terms")
          .font(.system(size: 20))
          .fontWeight(.bold)
          .ht_normal()
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("Subscription automatically renews unless auto-renewal is disabled at least 24 hours before the end of the current period.")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333"))
          }
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("Subscriptions can be managed by the user and automatic renewal can be disabled by going to the User Account Settings after purchase.")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333"))
          }
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("You must confirm and pay the VIP subscription through the iTunes account in the purchase confirmation.")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333"))
          }
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("Any unused portion of a free trial period, if offered, will be forfeited when the user purchases a subscription to that publication, where applicable.")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333"))
          }
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("The VIP subscription is automatically renewed.")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#393939"))
          }
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("Terms of service:")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333")) +
            Text("http://sites.google.com/view/chivarecy/terms")
              .font(.system(size: 14))
              .foregroundColor(.blue)
              .underline()
          }
          .accentColor(.blue)
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
        HStack(alignment: .top){
          VStack{}.frame(width: 6, height: 6)
            .background(Color(hex: "#999"))
            .clipShape(Capsule())
            .padding(.top, 6)
          HStack {
            Text("Privacy policy:​")
              .font(.system(size: 14))
              .foregroundColor(Color(hex: "#333333")) +
            Text("http://sites.google.come/view/chivarecy/privacypolicy")
              .font(.system(size: 14))
              .foregroundColor(.blue)
              .underline()
          }
          .accentColor(.blue)
          .lineSpacing(5)
          Spacer()
        }
        .padding(.bottom, 12)
      }
    }
}
